﻿body{ 
		font-family: SimSun, Sans-Serif, Arial;
		margin:0 auto; 
		width:100%;
		font-size:12px;
		overflow-x:hidden; 
		overflow-y:auto\9;		/* lt IE8 */ 
		background:#fff url(../img/bg.png) 0 0 repeat;
}

.main-panel > .main-tab > ul > li.active > a{
		border:0;
		font-size:14px;
		color:#03a6eb;
		font-weight:bold;
		border-bottom:2px solid #03a6eb;
		border-radius:0;
		background:#f5f5f5;
}
.main-panel > .main-tab > ul > li > a{
		padding-top:0;
		height:30px;
		line-height:30px;
		color:#000;
		font-size:14px;
		blr:expression(this.onFocus=this.blur()); /* IE Opera */ 
		outline:none; /* FF Opera */
}
.main-panel > .main-tab > ul > li > a:focus{ -moz-outline-style: none; /* FF */ }
.main-panel > .main-tab > .tab-content{ border-top:1px solid #fff; }

.widget-box {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 3px 0;
  border: 1px solid #CCC;
}

.widget-header {
  /*border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;*/
  background-position: 0% 0%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  min-height: 24px;
  background-repeat: repeat-x;
  color: #669fc7;
  border-bottom: 1px solid #DDD;
  padding-left: 12px;
  background-image: linear-gradient(to bottom,#fff 0,#eee 100%);
  background-color: #f7f7f7;
  background-attachment: scroll;
  border:0;
  border-bottom:1px solid #ccc;
}

.widget-body {
  border-top: 0;
  background-color: #FFF;
}

.widget-main.padding-6 {
  padding: 6px;
}

.main-content{ width:100%; height:620px; }

.main-content > .left-panel {
		position:absolute;
		left:0;
		width:290px;
		height:100%;
		border-right:1px solid #c3c3c3;
		padding:10px;
}

.main-content > .main-panel{
		position:absolute;
		right:0;
		left:290px;
		min-height:650px;
		border-left:1px solid #fff;
		border-right:1px solid #c3c3c3;
		background:#f5f5f5;
}

.main-content > .main-panel > .main-tab{
		float:left;
		padding:10px;
		width:100%;
}

#pinghtu > .pinghtu-right-panel{
		position:absolute;
		right:8px;
		top:45px;
		width:120px;
		background:#ebebeb;
		border:1px solid #c3c3c3;
}

#pinghtu > .pinghtu-right-panel > ul{
		margin:0;
		padding:0;
		list-style:none;
		list-style-type:none;
		border:1px solid #fff;
		width:100%;
		height:100%;
}

#pinghtu > .pinghtu-right-panel > ul > li{
		margin:0 0 5px 0;
		padding:5px;
		list-style:none;
		list-style-type:none;
}

#pinghtu > .pinghtu-right-panel > ul > li > a{
		display:block;
		padding:2px 2px;
		width:105px;
		text-align:center;
		text-decoration:none;
}

#pinghtu > .pinghtu-right-panel > ul > li.active > a,#pinghtu > .pinghtu-right-panel > ul > li > a:hover{
		background:#cfd8f5;
		border:1px solid #696969;
}

#pinghtu > .pinghtu-right-panel > ul > li > a > div{ padding-top:5px; }

/* 统计图表信息 */
#chart-panel{ position:absolute;top:45px;right:520px;width:120px; }


/* 水量平衡信息DIV */
#water-in{
		position:absolute;
		left:140px;
		top:190px;
		width:146px;
		height:65px;
}
#water-supply{
		position:absolute;
		left:400px;
		top:204px;
		width:100px;
		height:32px;
}
#water-in-supply-total{
		position:absolute;
		left:404px;
		top:245px;
		width:95px;
		height:20px;
		text-align:center;
		padding-top:2px;
}
#water-out{
		position:absolute;
		left:565px;
		top:195px;
		width:150px;
		height:50px;
		text-align:center;
		padding-top:2px;
}
#water-total{
		position:absolute;
		left:735px;
		top:185px;
		width:170px;
		height:75px;
		text-align:center;
		padding-top:2px;
}
#water-first{
		position:absolute;
		left:140px;
		top:305px;
		width:188px;
		height:55px;
		text-align:center;
		padding-top:2px;
}
#water-first-over{
		position:absolute;
		left:332px;
		top:295px;
		width:72px;
		height:18px;
		text-align:center;
}
#water-first-total{
		position:absolute;left:410px;top:295px;width:82px;height:18px;text-align:center;
}
#water-last-over{
		position:absolute;left:600px;top:295px;width:86px;height:18px;text-align:center;
}
#water-current{
		position:absolute;left:482px;top:330px;width:94px;height:18px;padding-top:2px;text-align:center;
}
#water-last{
		position:absolute;left:705px;top:305px;width:200px;height:55px;text-align:center;padding-top:2px;
}
#water-fill{
		position:absolute;left:432px;top:405px;width:185px;height:70px;text-align:center;padding-top:2px;
}
#water-use{
		position:absolute;left:640px;top:418px;width:94px;height:18px;padding-top:2px;text-align:center;
}
#water-handle{
		position:absolute;left:642px;top:560px;width:94px;height:18px;text-align:center;
}
#water-cycle{
		position:absolute;left:318px;top:560px;width:94px;height:18px;text-align:center;
}
#water-cycle-fill{
		position:absolute;left:318px;top:422px;width:94px;height:18px;text-align:center;
}
#water-cycle-detail{
		position:absolute;left:140px;top:465px;width:158px;height:80px;text-align:center;padding-top:2px;
}
#water-handle-detail{
		position:absolute;left:434px;top:525px;width:182px;height:70px;text-align:center;padding-top:2px;
}
#water-use-detail{
		position:absolute;left:746px;top:455px;width:160px;height:100px;text-align:center;padding-top:2px;
}

#water-in > center > table,#water-supply > center > table,
#water-out > center > table,#water-total > center > table,
#water-first > center > table,#water-last > center > table,
#water-fill > center > table,#water-cycle-detail > center > table,
#water-handle-detail > center > table,#water-use-detail > center > table{ width:98%; }

#water-in > center > table > tbody > tr,
#water-out > center > table > tbody > tr,
#water-total > center > table > tbody > tr,
#water-first > center > table > tbody > tr,
#water-last > center > table > tbody > tr,
#water-cycle-detail > center > table > tbody > tr,
#water-handle-detail > center > table > tbody > tr,
#water-use-detail > center > table > tbody > tr{ line-height:22px; }

#water-in > center > table > tbody > tr > td.title,
#water-out > center > table > tbody > tr > td.title,
#water-total > center > table > tbody > tr > td.title,
#water-first > center > table > tbody > tr > td.title,
#water-last > center > table > tbody > tr > td.title,
#water-fill > center > table > tbody > tr > td.title,
#water-cycle-detail > center > table > tbody > tr > td.title,
#water-handle-detail > center > table > tbody > tr > td.title,
#water-use-detail > center > table > tbody > tr > td.title{ width:65%; text-align:left; }

#water-in > center > table > tbody > tr > td.text,
#water-out > center > table > tbody > tr > td.text,
#water-total > center > table > tbody > tr > td.text,
#water-first > center > table > tbody > tr > td.text,
#water-last > center > table > tbody > tr > td.text,
#water-fill > center > table > tbody > tr > td.text,
#water-cycle-detail > center > table > tbody > tr > td.text,
#water-handle-detail > center > table > tbody > tr > td.text,
#water-use-detail > center > table > tbody > tr > td.text{ width:35%; text-align:right; }

#water-supply > center > table > tbody > tr,#water-fill > center > table > tbody > tr{ line-height:15px; }
#water-supply > center > table > tbody > tr > td.title{ width:45%; text-align:left; }
#water-supply > center > table > tbody > tr > td.text{ width:55%; text-align:right; }

#water-in-supply-total > span,#water-first-over > span,#water-first-total > span,#water-last-over > span,#water-current > span,
#water-use > span,#water-handle > span,#water-cycle > span,#water-cycle-fill > span{ color:#fff; }
